<script setup lang="ts">
import { ref } from 'vue';

/**
  v-text: 把文本渲染到标签中
  v-html: 把文本渲染到标签中(如果有格式则会转换格式)
 */
const intro = ref('今天在下大雨')
const myTag = ref('<h3>重大通知</h3><p>今天还有1小时就下课了</p>')
</script>

<template>
  <div class="app-page">
    <div v-html="intro"></div>
    <div v-text="myTag"></div>
    <p>-----------------------------</p>
    <div v-html="myTag"></div>
  </div>
</template>

<style lang="css" scoped></style>
